<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
        .table-content {
             width: 722px;
        }

           tbody,thead,tr{
               width:100%;
           }
           thead  tr th{
               text-align: center;
               font-family: Alibaba PuHuiTi;
                          font-weight: bold;
                          font-size: 15px;
                          color: #333333;
           }
           tr{
                display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
                display: -moz-box; /* 老版本语法: Firefox (buggy) */
                display: -ms-flexbox; /* 混合版本语法: IE 10 */
                display: -webkit-flex; 新版本语法: Chrome 21+
               display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
               flex-flow:row nowrap;
               justify-content: space-between;
               align-items: center;
               border-bottom: 1px solid #333333;
           }
           tbody tr td{
               display:block;
               width:100px;
               /* min-width:100px;
               max-width:100px; */
               white-space: wrap;
               word-wrap: break-word;
               text-align: center;
           }


    </style>
  </head>
  <body>
    <div class="table-box">
        <table class="table-content">
            <thead>
            <tr>
                <th>职位名称</th>
                <th>工作地点</th>
                <th>招聘人数</th>
                <th>学历要求</th>
                <th>工作性质</th>
                <th>薪资范围</th>
            </tr>
            </thead>
            <tbody>
                <tr>
                    <td>薪资范围</td>
                    <td>简介简介</td>
                    <td>Otto</td>
                    <td>Otto</td>
                    <td>@mdo</td>
                    <td>@mdo</td>
                </tr>
                <tr>
                    <td>简介简介</td>
                    <td>Jacob</td>
                    <td>Thornton</td>
                    <td>@fat</td>
                    <td>Otto</td>
                    <td>@mdo</td>
                </tr>
                <tr>
                    <td>简介简介简</td>
                    <td>简介简介</td>
                    <td>Otto</td>
                    <td>Otto</td>
                    <td>@mdo</td>
                    <td>@mdo</td>
                </tr>
                <tr>
                    <td>简介简介</td>
                    <td>Jacob</td>
                    <td>Thornton</td>
                    <td>@fat</td>
                    <td>Otto</td>
                    <td>@mdo</td>
                </tr>
                <tr>
                    <td>简介简介</td>
                    <td>简介简介</td>
                    <td>Otto</td>
                    <td>Otto</td>
                    <td>@mdo</td>
                    <td>@mdo</td>
                </tr>
                <tr>
                    <td>简介简介</td>
                    <td>Jacob</td>
                    <td>Thornton</td>
                    <td>@fat</td>
                    <td>Otto</td>
                    <td>@mdo</td>
                </tr>
            </tbody>
        </table>
        </div>
  </body>
  <script type="text/javascript">

  </script>
</html>
